<template>
  <div style="background-color: #f6f5f5; height: 60px;">
    <div style="position: absolute;right:100px; top: 22px">
      <el-icon><search /></el-icon>
      <el-icon><share /></el-icon>
      <el-select class="sel" v-model="value" placeholder="请选择" style="width: 120px">
        <el-option
            v-for="item in data"
            :key="item.value"
            :label="item.label"
            :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
  </div>
</template>

<script>
export default {
  name: "TopVue",
  data() {
    return {
      value:'username',
      data:[{
        value: 'username',
        lable: 'username'
      },{
        value: 'logout',
        lable: 'logout'

      }]
    }
  },
  methods: {

  }
}
</script>

<style scoped>
.sel {
  position: absolute;
  clip: rect(2px 90px 30px 2px);
  width: 120px;
  height: 28px;
  top: -9px;
  line-height: 28px;
  font-size: 15px;
  font-weight: bold;
}
</style>